<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品首页-北京华腾橡塑乳胶制品有限公司</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="flex-container products">
        #include('inc/top.html')
        <div class="container-fluid">
            <div class="pimg"></div>
        </div>

        <div class="container text-center">
            <h2 class="product-title">产品展示</h2>
            <p class="product-subtitle">Product display</p>
        </div>

        <div class="container-fluid product-bg pb-4">
            <div class="container mt-4">
                <div class="row mb-3">
                #ProductByFlagList(flag='show-chinese')
                    #for(entry:ProductByFlagList)
                    <div class="col text-center">
                        <a href="/productlist?categoryid=#(entry.id)"><img src="#(entry.summary ??)"></a>
                        <a href="/productlist?categoryid=#(entry.id)" class="btn btn-primary">#(entry.title ??)</a>
                    </div>
                    #end
                #end
                </div>
            </div>
        </div>

        <div class="container text-center">
            <h2 class="product-title">生产设备</h2>
            <p class="product-subtitle">Production equipment</p>
        </div>

        <div class="container-fluid eq-bg">
            <div class="container pt-4 mb-3">
                <div class="row">
                    #articlePage(categoryId=11,pageSize=12)
                    #for(e:articlePage.list)
                    <div class="col-3">
                        <a href="#"><img src="#(e.thumbnail ??)" alt=""></a>
                    </div>
                    #end
                    #end
                   <!-- <div class="col-3">
                        <a href="#"><img src="images/p-a01.jpg" alt=""></a>
                    </div>
                    <div class="col-3">
                        <a href="#"><img src="images/p-a01.jpg" alt=""></a>
                    </div>
                    <div class="col-3">
                        <a href="#"><img src="images/p-a01.jpg" alt=""></a>
                    </div>-->
                </div>
                <!--<div class="row">
                    <div class="col-3">
                        <a href="#"><img src="images/p-a01.jpg" alt=""></a>
                    </div>
                    <div class="col-3">
                        <a href="#"><img src="images/p-a01.jpg" alt=""></a>
                    </div>
                    <div class="col-3">
                        <a href="#"><img src="images/p-a01.jpg" alt=""></a>
                    </div>
                    <div class="col-3">
                        <a href="#"><img src="images/p-a01.jpg" alt=""></a>
                    </div>
                </div>-->

                <div class="row logo mt-5 mb-5 text-center align-items-center justify-content-md-center">
                    <div class="col-2"><img src="images/brand_xuelian.png"></div>
                    <div class="col-2"><img src="images/brand_beiru.png"></div>
                    <div class="col-2"><img src="images/brand_ruijing.png"></div>
                    <div class="col-2"><img src="images/brand_beirui.png"></div>
                    <div class="col-2"><img src="images/brand_jingyu.png"></div>
                    <div class="col-2"><img src="images/brand_yigang.png"></div>
                </div>
            </div>
        </div>
    </div>
    <!--bottom-->
    #include('inc/footer.html')

    <script src="js/jquery-3.3.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>